 
<!DOCTYPE HTML>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>校园防控二维码</title>
		
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<style type="text/css">
		
		
			div#roll {
				
			text-align: center;
		
	
			/* 	background: url(./img/11.jpg) no-repeat; */
				position: absolute;
				
			
			}
			
			
			
			
		</style>
	</head>

	<body bgcolor="#4A8853"style="background-color:#4A8853 ;padding: 3%;">
	
		 <!--顶部时间-->
		
		<div class="container">
			<div class="row mt-3">
		<div class="col-12 text-center text-white h1" id="times"style="font-size: 2rem; "></div>
			
			</div>

		</div>
		<div class="mt-2">
			
			
			<img src="img/1.png"style="height: 120px;width: 120px;float: right;"/></div>
			
		<div class="container bg-white p-2 mt-3" style="border-radius: 5px;">
			
			<div id="roll">
			<div id="times_month"style="color: crimson;font-size: 3rem;font-weight: bold; height: 60px;width: 210px;line-height: 60px;"></div>
			
			</div>
		
			<div class="row mt-3">
				<div class="col-1 offset-1"style="height: 25px;width: 15px;border: grey solid 1px; border-radius: 1px;"> </div>
				<div class="col-9  pb-4 text-secondary" style="border-bottom: #F5F3F5 solid 1px; font-weight: 600;">基本信息</div>
				
			</div>
			<div class="row mt-1 ">
				<div class="col-10 pb-1 m-auto"style="border-bottom:#F5F3F5 solid 1px;font-weight: 600;">姓名：<span class="text-secondary">李想</span></div>
			</div>
			<div class="row mt-1 pb-1">
				<div class="col-10 pb-1 m-auto text-dark" style="border-bottom: #F5F3F5 solid 1px;font-weight: 600;">部门：<span class="text-secondary">新闻与传播学院</span></div>
			</div>
			
			<div class="row mt-1">
				<div class="col-10 pb-1 m-auto text-dark"style="border-bottom: #F5F3F5 solid 1px;font-weight: 600;" >位置：<span class="text-secondary">龙湖校区—东门</span></div>
			</div>
			
			
			<div class="row ">
					<div class="col-10  m-auto text-secondary"style="border-bottom: #F5F3F5 solid 1px; margin:auto;padding: 12px;" >健康状况</div>
				</div>
				
				
				<div class="row mt-1 mb-2">
					<div class="col-10   m-auto text-dark"style="border-bottom: #F5F3F5 solid 1px;font-weight: 600;padding: 10px;" >是否健康：<span class="text-dark"style="font-weight: 600;">健康</span></div>
				</div>
				
				
				
		<div style="height: auto;width:160px;margin:1rem auto; text-align: center;">
			<div><a href="#" style="color: green; background-color: #F2EFF1;display: block; height: 30px;width: 150px;font-weight: 600;border-radius: 2px;
			 text-align: center;line-height: 30px; text-decoration: none;">修&nbsp;改</a></div>
		</div>
				
				
			</div>
			
		</div>
<div class="container-fluid fixed-bottom mb-2">
	<div class="row m-auto">
		
		<div class="col-12 text-center text-white"style="font-size: 0.6rem;">现在教育中心</div>
		
	</div>
	<div class="row m-auto">
		
		<div class="col-12 text-center text-white" style="font-size: 0.6rem">Copyright@&nbsp;2020&nbsp;ito.zut.edu.cn</div>
		
	</div>
	
	
</div>
		
		
		

		
<div id="times" style="font-size: 6rem;font-weight: bold;"></div>

<script type="text/javascript">
	var times=document.getElementById("times");
		var times_month=document.getElementById("times_month");
	function sz(){
		t=setInterval(function(){
		//获取时间对象
		var dd=new Date;
		//获取年月日，时分秒
		var y=dd.getFullYear();
		var m=dd.getMonth()+1;
		var d=dd.getDate();
		var h=dd.getHours();
		var i=dd.getMinutes();
		var s=dd.getSeconds();
		var wkday = dd.getDay();
		if (i < 10) {
		  
				times_month.innerHTML=h+":0"+i+":"+s+""+""+"".charAt(wkday);
		}
		if (s < 10) {
		  
				times_month.innerHTML=h+":"+i+":0"+s+""+""+"".charAt(wkday);
		}
		times.innerHTML=m+"月"+d+"日"+""+""+""+""+""+"".charAt(wkday);
		times_month.innerHTML=h+":"+i+":"+s+""+""+"".charAt(wkday);
	},1000)
}
	sz()
</script>


		
		
		
		
		<script type="text/javascript">
			var ggRoll = {
				roll: document.getElementById("roll"),
				speed: 20,
				statusX: 1,
				statusY: 1,
				x: 100,
				y: 300,
				winW: document.documentElement.clientWidth - document.getElementById("roll").offsetWidth,
				winH: document.documentElement.clientHeight - document.getElementById("roll").offsetHeight,
				Go: function() {
					this.roll.style.left = this.x + 'px';
					this.roll.style.top = this.y + 'px';
 
					this.x = this.x + (this.statusX ? -1 : 1)
					if (this.x < 0) {
						this.statusX = 0
					}
					if (this.x > this.winW) {
						this.statusX = 1
					}
 
					this.y = this.y + (this.statusY ? -1 : 1)
					if (this.y < 0) {
						this.statusY = 0
					}
					if (this.y > this.winH) {
						this.statusY = 1
					}
				}
			}
			var interval = setInterval("ggRoll.Go()", ggRoll.speed);
			ggRoll.roll.onmouseover = function() {
				clearInterval(interval)
			};
			ggRoll.roll.onmouseout = function() {
				interval = setInterval("ggRoll.Go()", ggRoll.speed)
			};
		</script>
 
 
	
	<script>document.write('<script src="//' + (location.host || 'localhost').split(':')[0] + ':35929/livereload.js?snipver=1"></' + 'script>')</script>
	<script>document.addEventListener('LiveReloadDisconnect', function() { setTimeout(function() { window.location.reload(); }, 500); })</script>
	<script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
	</body>
</html>